<template>

   <div id="wrap">

          <div class="head">
              <div @click="getBack()">&lt;</div>
              <div>
                  租写字楼
                  <span class="iconfont icon-triangle-down"></span>
              </div>
              <div>
                    <span class="iconfont icon-wode"></span>
                    <span class="iconfont icon-xiaoxi"></span>
              </div>
          </div>

          <div class="content">
              <div class="seek">
              <span class="iconfont icon-fangdajing"></span>
              <input type="text" placeholder="搜索写字楼">
              </div>

              <Map />
              <Link />
              <Details v-for="(v,i) in this.$store.state.gddata.obj" :key="i" :title="v.title" :details="v.details" :total="v.total" :price="v.price" :img="v.img" />
          </div>
           <BottomBar />
    </div>



</template>

<script>
import BottomBar from "com/bottomBar.vue";
import Map from "com/blink/map.vue"
import Link from "com/blink/like.vue"
import Details from "com/home/details.vue"
export default {
  components: {
    BottomBar,
    Map,
    Link,
    Details
  },
  methods:{
    getBack(){
      this.$router.go(-1)
    }
  },
  mounted:function(){
    this.$store.dispatch("homelist");
  }
};
</script>

<style scoped>
  #wrap {
    display: flex;
    flex-direction: column;
    height: 100vh;
  }
 .head{
       height: 50px;
       border-bottom: 0.01rem solid #e7e9f0;
       display: flex;
       justify-content: space-between;
       align-items: center;
       font-size: 0.15rem;
       font-weight: bold;
       padding: 0 0.2rem;
   }
   .head div:nth-of-type(2) span{
       color:#dfdfdf ;
   }
   .head div:nth-of-type(3) span{
       margin-right:0.1rem ;
       
   }
   .head div span{
      font-size: 0.13rem;
     
   }
  .content{
    overflow-y: auto;
  }
   .seek{
     height: 0.5rem;
     border: 0.01rem solid #e7e7e7;
     padding: 0.15rem 0.38rem;
     position: relative;
     margin: 0.2rem 0.1rem 0.2rem 0.1rem;
     border-radius: 0.05rem;
     font-size: 0.13rem;
    
   }
   .seek input{
     width: 100%;
     height: 0.2rem;
     border: none;
     outline: none;

     
   }
   .seek span{
       position: absolute;
       top: 0.15rem;
       left: 0.2rem;
        font-size: 0.13rem;
   }
</style>